import React from "react";

import Button from "@material-ui/core/Button";
import { useTranslation } from "react-i18next";
import Typography from "@material-ui/core/Typography";

const SidebarWidget = () => {
  const { t } = useTranslation();
  return (
    <>
      <div className="app-sidebar--widget">
        <div className="widget-header">
          <Typography
            className="price-box mt-1"
            variant="h6"
            color="textSecondary"
          >
            2,556,550
            <small className="font-size-md"> {t("sidebar:rial")}</small>
          </Typography>
          <div className="widget-btns ml-4 ">
            <Button
              className="px-4 py-2 text-uppercase btn-success without-radius"
              size="small"
              variant="contained"
            >
              {t("buttons:deposit_btn")}
            </Button>
            <Button
              className="px-4 py-2 text-uppercase without-radius "
              variant="outlined"
              color="secondary"
              size="small"
            >
              {t("buttons:withdraw_btn")}
            </Button>
          </div>
        </div>
      </div>
    </>
  );
};

export default SidebarWidget;
